<template>
  <div style="padding-bottom: 10px;">
    <drag-verify
        ref="dragVerify"
        :width="300"
        :isPassing.sync="isPassing6"
        text="请按住滑块拖动"
        successText="验证通过"
        handlerIcon="el-icon-d-arrow-right"
        successIcon="el-icon-circle-check"
        @passcallback="passCallback"
    >
      <i
          v-show="!isPassing6"
          slot="textBefore"
          class="el-icon-lock"
      ></i>
    </drag-verify>
  </div>
</template>

<script>
import dragVerify from 'vue-drag-verify2'
export default {
  name: "Verify",
  components: {
    dragVerify
  },
  data(){
    return {
      isPassing6: false,
    }
  },
  methods: {
    passCallback() {
      this.$emit('passCallbackSuccess')
    }
  }
}
</script>

<style scoped>

</style>